html,body{width:100%;height:100%;}
body {font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;}
a {color: #ccc;}

.top-navbar {background-color: #333;border-color: black;}
.top-navbar .container{width:100%;padding-left:40px;padding-right:20px;}
.top-navbar .navbar-nav > li > a:hover, .top-navbar.navbar-nav > li > a:focus {color: #ffffff;background-color:#222;}
.top-navbar .nav>li>a:hover,.top-navbar .nav>li>a:focus{background-color:#222;}
.navbar-nav > li > a{color:  #ccc;}
a.navbar-brand{color: #fff !important}

.index{width:100%;height:100%;overflow:hidden;}
.login{width:100%;height:100%;padding-top:15%;background: url('../images/bg.jpg') no-repeat;background-size: cover}
.login-form{width:300px;margin:0 auto;padding:10px;}
.tc{text-align: center;font-size:18px;}
/*homePage*/
.home-container{background-color: #5d5d5d;width:100%;}
.page-container{margin-top:50px;height:100%;overflow-x:hidden;}
.page-container .navbar-collapse{width:200px;position:fixed;padding-right:0;padding-left:0;top:50px;}
.page-sidebar{background-color: #5d5d5d;height: auto!important;overflow: visible!important;}
.page-sidebar-menu{list-style: none;margin:0;padding:0;}
.page-sidebar-menu>li{display: block;margin: 0;padding:0;border:0;}
.page-sidebar-menu>li.start>a{border-top-color:transparent!important;}
.page-sidebar-menu>li>a{border-top: 1px solid #7c7c7c !important;color: #ffffff !important;display:block;position: relative;padding:10px 15px;text-decoration: none;font-size:14px;font-weight:300;}
.page-sidebar-menu>li>a:hover,.page-sidebar-menu>li>a:focus{background-color: #444;}

.sub-menu{list-style: none;margin:0;padding:0;}
.sub-menu>li{display: block;margin:0;padding:0;border:0;}
.sub-menu>li.start>a{border-top-color:transparent!important;}
.sub-menu>li>a{border-top: 1px solid #7c7c7c !important;color: #ffffff !important;display:block;position: relative;padding:10px 30px;text-decoration: none;font-size:14px;font-weight:300;}
.sub-menu>li>a:hover,.page-sidebar-menu>li>a:focus{background-color: #444;}

.page-content{margin-left:200px;background-color: #ffffff;padding:20px;min-height:1000px;}
.ng-scope>table{margin:10px auto;width:70%;text-align: center;}
.page-content th{text-align: center;}

/*restPsw*/
.restPsw{margin-top:5%}

/*pageset*/
.ng-scope>nav {position:relative;width:70%;height: 70px;margin:10px auto 50px;}
.ng-scope>nav>ul{float:right;}
.ng-scope>nav li {cursor: pointer;}

/*addUser*/
.addUser{width:50%;margin:auto;}
.addUser h1{text-align: center;}
.secretKey{margin-top:10px;}

/*deleteUser*/
.deleteUser{width:50%;margin:auto;}
.deleteUser h1{text-align: center;}
.deleteUser ul{padding-left:0;font-size:18px;}
.deleteUser li{list-style-type: none;}
.deleteUser input{float:right;}
.deleteUser a{float:right;margin-right:10px;}

/*userinfo*/
.user-title{margin:0 auto;text-align: center;}
.remark{margin-left:15%;}
.searchForm{margin:20px 15%;width:70%;height:35px;}
.searchForm div{float: right;}
/*statistic*/
.statistic{margin:5px 15% 20px 15%;}

/*sendMsgs*/
.send_content{width:60%;margin-left:20%;}
.send_btn{float:right;width:15%}
